<template>
	<view class="flex-col page">
		<view class="flex-col items-center section_3">
			<image src="/static/logo.jpg" class="text-wrapper" mode=""></image>
			<text class="self-center text_5">不拘坊市</text>
			<view class="flex-col group space-y-38">
				<view class="font_3" v-html="content"></view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		onShow,onLoad
	} from "@dcloudio/uni-app";
	import {
		onMounted,
		ref,
		reactive,
		getCurrentInstance
	} from "vue"
	const {
		proxy
	} = getCurrentInstance()
	
	let content = ref('')
	onShow(() => {
		getDate()
	})
	const getDate=()=> {
		proxy.$req.requestPOST(proxy.$api.SystemInfo.aboutUs).then(res => {
			if (res.flag == "success") {
				content.value = res.data.content
			} else {
				uni.showToast({
					title: res.message,
					icon: 'none'
				})
			}
		})
	}
	const toNotSign=()=>{
		// uni.removeStorageSync('member_id')
		uni.showToast({
			title:'退出成功！',
			icon:'none'
		})
		setTimeout(()=>{
			uni.navigateBack()
		},1500)
	}
</script>

<style scoped lang="scss">
	.page {
		background-color: #ffffff;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;

		.section_3 {
			padding: 82rpx 27rpx 118rpx 38rpx;
			background-color: #ffffff;
			overflow-y: auto;

			.text-wrapper {
				height: 178rpx;
				// background-color: #FF3C2E;
				border-radius: 40rpx;
				width: 178rpx;

				.font_2 {
					font-size: 36rpx;
					font-family: PingFang SC;
					font-weight: 500;
				}

				.text_4 {
					color: #ffffff;
					line-height: 27rpx;
				}
			}

			.text_5 {
				margin-top: 42rpx;
				color: #333333;
				font-size: 40rpx;
				font-family: PingFang SC;
				font-weight: 500;
				line-height: 39rpx;
			}

			.group {
				margin-top: 56rpx;

				.font_3 {
					font-size: 28rpx;
					font-family: PingFang SC;
					line-height: 48rpx;
					color: #666666;
				}

				.image_6 {
					margin-right: 13rpx;
					width: 670rpx;
					height: 377rpx;
				}
			}

			.space-y-38 {

				&>view:not(:first-child),
				&>text:not(:first-child),
				&>image:not(:first-child) {
					margin-top: 38rpx;
				}
			}
		}
	}
</style>